﻿<div data-bind="visible: products().length > 0">
    <h2 class="product-title">Recommended Products</h2>
    <div class="row product">
        <div class="large-12 columns">
            <ul class="large-block-grid-4" data-bind="foreach: products">
                <li>
                    <a href="#" data-bind="attr: { href: $parent.getProductUrl($data) }">
                        <img data-bind="    attr: { src: thumbUrl }" class="product-list" /></a>
                    <a href="#" data-bind="text: title, attr: { href: $parent.getProductUrl($data) }"></a>
                </li>
            </ul>
        </div>
    </div>
</div>
